<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Tradingnav</title>

        <!-- Bootstrap -->
        <link href="css/bootstrap.css" rel="stylesheet">
        <link href="css/style.css" rel="stylesheet">
        <link href="fonts/awesome/css/font-awesome.min.css" rel="stylesheet">

        <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
        <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
        <!--[if lt IE 9]>
          <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
          <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
        <![endif]-->
    </head>
    <body>
        <div class="container-fluid">
            <div class="header row">
                <div class="container">
                    <div class="header-left col-xs-12 col-sm-12 col-md-6 col-lg-6">
                        <img class="logo" src="image/logo.png" />
                    </div>
                    <div class="header-right col-xs-12 col-sm-12 col-md-6 col-lg-6">
                        <h2 class="invest pull-right">compare. invest. suceed.</h2>
                        <div class="input-group input-group-sm col-sm-6 col-md-6 col-lg-6 pull-right">
                            <span class="input-group-addon" id="sizing-addon3"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></span>
                            <input type="text" class="form-control" placeholder="Search broker....." aria-describedby="sizing-addon3">
                        </div>
                    </div>
                </div>
                <nav class="navbar navbar-default">
                    <div class="container">
					
					<div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse">
					<span class="sr-only">Toggle navigation</span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
					<span class="icon-bar"></span>
				  </button>	
                     <a class="navbar-brand" href="#"></a>
                    </div>

                        <div id="navbar" class="navbar-collapse collapse">
                            <ul class="nav navbar-nav">
                                <li class=""><a href="#">Home</a></li>
                                <li><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#">About Us<span class="caret red"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="#">Why traders use us</a></li>
                                        <li><a href="#">Our Values</a></li></ul></li>
                                <li><a class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" href="#">Compare Tools<span class="caret red"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="#">Tools 1</a></li></ul></li>
                                <li class=""><a href="#">Our Methodology</a></li>
                                <li class=""><a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" >Our Service<span class="caret red"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="#">Best Deals</a></li>
                                        <li><a href="#">Simple, East and Trust</a></li></ul></li>
                                <li class=""><a href="#">Articles</a></li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Learning Zone <span class="caret red"></span></a>
                                    <ul class="dropdown-menu" role="menu">
                                        <li><a href="#">Action</a></li>
                                        <li><a href="#">Another action</a></li>
                                        <li><a href="#">Something else here</a></li>
                                        <li class="divider"></li>
                                        <li class="dropdown-header">Nav header</li>
                                        <li><a href="#">Separated link</a></li>
                                        <li><a href="#">One more separated link</a></li>
                                    </ul>
                                </li>
                                <li class=""><a href="#">Contact Us</a></li>
                            </ul>

                        </div><!--/.nav-collapse -->
                    </div><!--/.container-fluid -->
                </nav>
            </div>

            <div class="section-learnning row">
                <div class="container">

                    <div class="page-content col-md-9 col-xs-12">
                        <div class="content-learnning">
                            <div class="content-learnning-inner">
                                <h3></h3>
                                </div>
                            </div>
                        
                        
                    </div>
                    <div class="sidebar-learnning sidebar-right col-md-3 col-xs-12">
                        <div class="widget text">
                            <p align="center"><h4 class="text-center">Download Your Free Special Report Now</h4>
                            <p align="center"><img src="image/forex-trading-strategy.jpg" /></p>
                            <button class="btn button-red right-botton" onclick="window.location.href='learning.html';">GET MY FREE COPY</button></p>
                        </div>
                        <div class="widget text">
                            <p align="center"><h4 class="text-center">Check out the Latest Live Broker Ranks</h4>
                            <p align="center"><img src="image/graphic.jpg" /></p>
                            <button class="btn button-red right-botton" onclick="window.location.href='page2.html';">VIEW MORE</button></p>
                        </div>
                        <div class="widget text">
                            <p align="center"><h4 class="text-center">Stay Up to Date with all the Insider News from Tradingnav</h4>
                            <p align="center"><input type="text" class="form-control" placeholder="Name"/></p>
                            <p align="center"><input type="text" class="form-control" placeholder="Email"/></p>
                            <button class="btn button-red right-botton">SUBMIT</button></p>
                        </div>
                    </div> 
                 </div>
            </div>
            
            <div class="footer row">
                <div class="container footer-box">
                    <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                        <ul>
                            <li class="border-right">Copyright 2015 Tradingnav Pty Ltd</li>
                            <li class="border-right"><a href="http://brokerstreams.com">Broker Login</a></li>
                            <li class="border-right"><a href="#">Terms and Conditions</a></li>
                            <li class="border-right"><a href="#">Privacy</a></li>
                            <li><a href="#">Contact us</a></li>
                        </ul>

                    </div>

                </div>
            </div>
        </div>
        <!-- Modal -->
        <div class="modal fade" id="Proceed" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-body container-proceed">
                        <div class="row">
                            <div class="col-md-6">
                                <h3>You have selected an offer from our <span class="red">Real-Time Re-index™</span> compare table.</h3>
                            </div>
                            <div class="col-md-4 pull-right"><img src="image/24.jpg"/></div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <p><strong>You selected:</strong></p>
                                <p><strong>Broker: <span class="red">24option</span></strong></p>
                                <p><strong>Joining bonus: <span class="red">100%</span></strong></p>
                                <p><strong>Trading volume requirement: <span class="red">30</span></strong></p>
                                <p><strong>Winning payout: <span class="red">81%</span></strong></p>
                                <p><strong>Minimum deposit: <span class="red">US$200</span></strong></p>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <p></p>
                                <p>Want the over emailed to you ?</p>
                                <div class="col-md-6 pull-left">
                                    <input type="text" class="form-control" placeholder="Name"/>
                                </div><div class="col-md-6 pull-right"><input type="text" class="form-control" placeholder="Email"/></div>
                                <p class="pull-right check-recive">Recive newsletter and offers <input type="checkbox" aria-label="recive"></p>

                            </div>
                            <button class="pull-right btn button-red gotosite">Go to Site Now</button>
                        </div>

                    </div>
                    <div class="modal-footer ">
                        <span class="small " align="center">Any additional criteria maybe found on the brokers website when you click this button. Please carefuly consider your investment objectives, level of experience and risk appetite. Don't invest money you cannot afford to lose.</span>
                    </div>
                </div>
            </div>
        </div>
        <div class="modal fade" id="binary" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-dialog-full">
                <div class="modal-content">
                    <div class="modal-body">
                        <div class="row">
                            <div class="col-md-12">
                                <img src="image/binary-brokers.jpg" width="100%"/>
                            </div>

                        </div>


                    </div>
                    <div class="modal-footer ">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                </div>
            </div>
        </div>
        <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <!-- Include all compiled plugins (below), or include individual files as needed -->
        <script src="js/bootstrap.min.js"></script>
    </body>
</html>